type Options = {
    el:string
}

export default function (options:Options):Promise<{baseUrl:string}> {
    return new Promise((resolve) => {
        onMounted(() => {
            let img = document.querySelector(options.el) as HTMLImageElement
            console.log(img)
            img.onload = () => {
                resolve({
                    baseUrl: base64(img),
                })
            }
        })
    
        const base64 = (el: HTMLImageElement) => {
            const canvas = document.createElement('canvas')
            const ctx = canvas.getContext('2d')
            canvas.width = el.width
            canvas.height = el.height
    
            ctx?.drawImage(el, 0, 0, canvas.width, canvas.height)
    
            return canvas.toDataURL('image/png')
        }
    })
}